Les unités

Les unités utilisées sont de deux types possibles : les unités absolues (ont toujours la même taille) et les unités relatives

Unités absolues

La plus utilisée est le pixel : px.
Mais on peut aussi spécifier des unités pour l'impression : cm, mm, pt

Unités relatives

Elles sont relatives à quelque chose d'autre, comme la taille de la fenêtre ou la taille du plus proche parent (le contenant direct).
Elles sont plus utilisées car permettent d'établir des rapports de proportion très précis et agréables

• rem : relatif à la taille typo racine (par défaut 1rem=16px)
• lh : relatif à la hauteur de ligne du texte
• % : pourcentage de la dimension du parent direct
• vw : pourcentage de largeur du viewport (Viewport Width)
• vh : pourcentage de la hauteur du viewport (Viewport Height)

Exemples